{include file="public/head"/}

</script>
<div class="container-fluid" id="main">

  <div class="row clearfix">
    <div class="col-md-12 column">
      <div class="alert alert-dismissable alert-info">
        <button type="button" class="close">×</button>
        <p></p>
      </div>
    </div>
   </div>
   
   
  <div class="ntDesktop">
  <div class="ntDesktop-head" v-cloak>{{title}}</div>


   <div class="row clearfix" style="padding-top:12px">
    <div class="col-md-12 column text-right">
    	<div style="margin-right:20px">
        	<a href="{:url('language/addopen')}" class='btn btn-sm btn-primary' data-toggle="modal" data-target="#language_editModal"><span class="glyphicon glyphicon-plus"></span> {:lang("add_a_new_language")}</a>
        </div>
    </div>
  </div>

  
  <div class="row clearfix">
    <div class="col-md-12 column">
      <table class="table table-striped table-hover ntTable" v-cloak>
        <thead>
        <tr>
            <th align="center">&nbsp;</th>
            <th> {:lang('name')} </th>
            <th> {:lang('code')} </th>
            <th> {:lang("icon_path")} </th>
            <th> {:lang("hide")} </th>
            <th> {:lang('classify')} </th>
            <th> {:lang('operate')} </th>
            </tr>
        </thead>
        <tbody>
          <tr v-for="(item,index) in datalist">
            
            <td align="center"><img :src="item.icon" border="0" width="32px" height="24px"  /></td>
            <td> {{item.name}}  </td>
            <td> {{item.code}} </td>
            <td> {{item.icon}}</td>
            <td> {{item.is_hide}} </td>
            <td> {{item.drank}} </td>
            <td class="text-right">
              <div>
                  <a :href="'/admin/language/editopen?id='+item.id" class='btn btn-sm btn-primary' data-toggle="modal" data-target="#language_editModal"><span class="glyphicon glyphicon-pencil"></span> {:lang('edit')}</button>
                  <a href="#" v-if="item.status !='3'" class='btn btn-sm btn-default option-hide' @click="evedit(item.id,3)"><span class="glyphicon glyphicon-eye-close"></span> {:lang("hide")}</a>
                  <a href="#" v-if="item.status !='1'" class='btn btn-sm btn-default option-hide' @click="evedit(item.id,1)"><span class="glyphicon glyphicon-eye-close"></span> {:lang('recovery')}</a>
                  <a href="#" v-if="item.status !='2'" class='btn btn-sm btn-default option-del' @click="evedit(item.id,2)"><span class="glyphicon glyphicon-remove"></span> {:lang('delete')}</a>

                  <a href="#" v-if="item.status =='2'"class='btn btn-sm btn-default option-del' @click="evdel(item.id,9)" ><span class="glyphicon glyphicon-remove"></span> {:lang('clear')}</a>

                </div>
            </td>
          </tr>
         
        </tbody>
      </table>
      <ul class="pagination" id="pagination">
      </ul>
    </div>
      </div>



  </div>
</div>

<!--添加弹窗部分 开始-->


<div class="modal fade" id="language_editModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel" aria-hidden="true"  data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-lg">
        <div class="modal-content" style="width:1000px">

        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--弹窗部分 结束-->
<script src="/static/Admin/js/language.js"></script>
<script type="text/javascript">
    $("#language_editModal").on("hidden.bs.modal", function() {
        $(this).removeData("bs.modal");
        $(".modal-content").children().remove();
    });
</script>
{include file="public/foot"/}